
<div nz-row nzGutter="16">
    <div nz-col nzXs="24" nzMd="12">
      <nz-card [nzBordered]="false" [nzTitle]="salesTitle">
        <ng-template #salesTitle>
         告警统计
          <small class="text-sm font-weight-normal">Business Expectations & Retail Sales Statistics</small>
        </ng-template>
        <g2-bar *ngIf="salesData" height="275" [data]="salesData"></g2-bar>
      </nz-card>
    </div>
    <div nz-col nzXs="24" nzMd="12">
      <nz-card [nzTitle]="growthTitle" [nzBordered]="false">
        <ng-template #growthTitle>
          设备增量
          <small class="text-sm font-weight-normal">Business Expectations & Retail Sales Statistics</small>
        </ng-template>
        <g2-timeline
          *ngIf="offlineChartData"
          [data]="offlineChartData"
          [height]="289"
          [titleMap]="{ y1: '客流量', y2: '支付笔数' }"
        ></g2-timeline>
      </nz-card>
    </div>
  </div>